<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>我的</title>
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../css/square.css">
  <link rel="stylesheet" href="../css/mine.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
</head>
<body>
<!-- <h1>我的</h1> -->
<div id='page'>
  <div class='profile_head'>
      <div style='display: flex;justify-content: space-between'>
          <img src="../images/487bd14049e44235d25f28df11b0a7e9.jpeg" alt="" class="avantar" style="width:3.5rem;height:3.5rem;border-radius: 50%;">
          <div style="font-size: 12px;margin-top:0 !important;width:63%;padding-top:.5rem;">
            <div style="display: flex;align-items: center;">
                <span class="name" style="font-size:16px;color:white;">随便一个名字嘛随便一个名字嘛</span>
                <!-- 是否为时尚达人显示 -->
                <span class="shishang" style="margin-top:.2rem;">时尚达人</span>
            </div>    
            <div style="display: flex;justify-content:flex-start;margin-top:.5rem;color:white !important;">
                <span class="time shenglv" style="width:7rem;color:white !important;">关注 67888 |</span>
                <span class="time" style='color:white !important;'>  粉丝 900000</span>
            </div>

          </div>
          <div style="display: flex;flex-direction:column;align-items:center;justify-content:center;margin-top: .5rem;">
              <!-- <img src="../images/profile/yigui.jpg" alt="" style='width:1rem;height:1.2rem;'>
              <span class="wodeyichu">
                 我的衣橱
              </span> -->
          </div>

      </div>
      <div style='height:3.5rem;width:100%;margin-top:1.5rem;'>
          <div style='display: flex;justify-content: space-between;align-items:center'>
              <img src="../images/profile/huangguan.png" alt="" class="avantar" style='height:1.5rem;width:1.56rem;margin-left:.5rem;'>
              <div style="font-size: 12px;margin-top:0 !important;width:63%;margin-left:.5rem;">
                <div style="display: flex;align-items: flex-start;">
                    <span class="name" style="color: #F07532;font-size:18px;margin-top:-.7rem;">888888</span>

                </div>
                <span class="time" style="color:#AAAAAA;margin-top:.05rem;">我的魅力值</span>
              </div>
              <p class='paihangbang'>
                <img src="../images/profile//jiangbei.png" alt="" style='width:1.2rem;height:1.2rem;'>
                <span id="panghangbang">魅力排行榜</span>
              </p>
          </div>
      </div>

  </div>
  <div class="twocard">
      <div class="firstcard gocard">
          <img src="../images/profile/kajuan.png" alt="" class="avantar" style='height:1.5rem;width:25px;margin-left: .9rem;'>
          <div style="font-size: 12px;margin-top:0 !important;width:43%;margin-left:.5rem;">
            <div style="display: flex;align-items: flex-start;">
                <span class="name" style="color: #FF6162;font-size:18px;">12345</span>

            </div>
            <span class="time" style="color:#AAAAAA;margin-top:.1rem;" id="gocard">卡劵装备</span>
          </div>

      </div>
      <div class="firstcard chuanda" style="border-bottom:3px solid #FFA800;">
          <img src="../images/profile/dapai.png" alt="" class="avantar" style='height:1.5rem;width:25px;margin-left: .9rem;'>
          <div style="font-size: 12px;margin-top:0 !important;width:23%;margin-left:.5rem;">
            <div style="display: flex;align-items: flex-start;">
                <span class="name" style="color: #FFA800;font-size:18px;">67788</span>

            </div>
            <span class="time" style="color:#AAAAAA;margin-top:.1rem;" id="chuanda">穿搭魅力</span>
          </div>

      </div>
  </div>
  <div class="list">
      <a class="list_item" href="./cards.html">
        <p>
          <img src="../images/profile/cheap.png" alt="" style="width:1.5rem;height:1.2rem;">
          <span>优惠券</span>
        </p>
        <img src="../images/profile/right_arrow.png" alt="" style="width:.8rem;height:.9rem;margin-right: 1rem;">
      </a>
      <a class="list_item" href="./appointment.html">
            <p>
              <img src="../images/profile/yuyue.png" alt="" style="width:1.51rem;height:1.51rem;">
              <span>我的预约</span>
            </p>
            <img src="../images/profile/right_arrow.png" alt="" style="width:.8rem;height:.9rem;margin-right: 1rem;">
      </a>
      <a class="list_item" href="./myshop.html">
              <p>
                <img src="../images/profile/dianpu.png" alt="" style="width:1.5rem;height:1.18rem;">
                <span>我的店铺</span>
              </p>
              <img src="../images/profile/right_arrow.png" alt="" style="width:.8rem;height:.9rem;margin-right: 1rem;">

      </a>
      <a class="list_item" href="./mypeople.html">
                <p>
                  <img src="../images/profile/daren.png" alt="" style="width:1.51rem;height:1.28rem;">
                  <span>我的达人</span>
                </p>
            <img src="../images/profile/right_arrow.png" alt="" style="width:.8rem;height:.9rem;margin-right: 1rem;">

      </a>
      <a class="list_item" href="./collection.html">
                  <p>
                    <img src="../images/profile/colllect.png" alt="" style="width:1.5rem;height:1.5rem;">
                    <span>我的收藏</span>
                  </p>
                  <img src="../images/profile/right_arrow.png" alt="" style="width:.8rem;height:.9rem;margin-right: 1rem;">

      </a>
      <div class="commondiv"></div>
      <div class="list_item" style="margin-bottom: 3rem;">
          <p>
            <img src="../images/profile/telc.png" alt="" style="width:1.5rem;height:1.51rem;">
            <span>开发人员</span>
          </p>
          <img src="../images/profile/right_arrow.png" alt="" style="width:.8rem;height:.9rem;margin-right: 1rem;">


      </div>
      <div class="commondiv"></div>
  </div>
</div>
<div class="weui-tabbar" style="position: fixed;bottom:0;">
    <a href="../index.html" class="weui-tabbar__item">
      <div class="weui-tabbar__icon">
        <img src="../images/index.png" alt="">
      </div>
      <p class="weui-tabbar__label" style="color:#999 !important">尚街</p>
    </a>
    <a href="../page/type.html" class="weui-tabbar__item">
      <div class="weui-tabbar__icon">
        <img src="../images/class.png" alt="">
      </div>
      <p class="weui-tabbar__label" style="color:#999 !important">分类</p>
    </a>
    <a href="./square.html" class="weui-tabbar__item">
      <div class="weui-tabbar__icon">
        <img src="../images/square.png" alt="">
      </div>
      <p class="weui-tabbar__label">广场</p>
    </a>
    <a href="./main.html" class="weui-tabbar__item">
      <div class="weui-tabbar__icon">
        <img src="../images/mine_active.png" alt="">
      </div>
      <p class="weui-tabbar__label" style="color:#FE6162 !important">个人中心</p>
    </a>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script>
  // 跳转卡券页面
$('.gocard').click(()=>{
  $(window).attr('location','./cardsEquipment.html')
})
 // 跳转排行榜页面
$('#panghangbang').click(()=>{
  $(window).attr('location','./giveme.html')
})

 // 跳转到穿搭魅力页面

$(".chuanda").click(()=>{
  $(window).attr('location','./closesit.html')
})
</script>
</html>
